<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>订花乐</title>
    <link rel="stylesheet" href="//at.alicdn.com/t/font_2646654_d87nflpimvt.css">
    <link rel="stylesheet" href="./css/common_h&f.css">
    <link rel="stylesheet" href="./css/index.css">
    <script src="./js/cookie.js"></script>
    <script src="./js/ajax.js"></script>
    <script src="./js/interface.js"></script>
    <script src="./js/jquery-3.6.0.js"></script>
</head>

<body>
    <div class="header">
        <div class="header-top">
            <div class="header-top0 w1">
                <div class="headerLeft">
                    <p>
                        <span>嗨，欢迎来订花乐！</span>
                    <div class="inline">
                        <span class="linkwc">
                            <i class="iconfont icon-weixin"></i>
                            关注微信
                        </span>
                        <p class="imgHide">
                            <img class="wechat0" src="https://cs.dinghuale.com/uploads/20200706/202007061732083685.jpg"
                                alt="">
                        </p>
                    </div>

                    </p>
                </div>
                <div class="headerRight">
                    <span class="tips">
                        <a href="./html/reg&login.html">你好，请登录</a>
                        <a href="./html/reg&login.html">免费注册</a>
                    </span>
                    |
                    <a href="">订单查询</a>
                    |
                    <a href="./html/shoppingCar.html">
                        <i class="iconfont icon-gouwuche"></i>
                        购物车
                        <!-- <span class="carnum">(0)</span> -->
                    </a>
                    |
                    <div class="inline">
                        <a href="javaScript:;">手机下单</a>
                        <span class="imgHide">
                            <img class="wechat1" src="https://upyun.dinghuale.com/public/images/xiaochengxu.png" alt="">
                        </span>

                    </div>
                </div>
            </div>
        </div>
        <div class="header-mid w1">
            <div class="barLeft fl">
                <a href="./index11.html">
                    <img src="https://upyun.dinghuale.com/uploads/images/logo.png" alt="">
                </a>
            </div>
            <div class="barMid fl">
                <div class="search-bar">
                    <input type="text" name="" id="" class="search-inp" placeholder="请输入要搜索的关键字"><button><i
                            class="iconfont icon-49"></i></button>
                </div>
                <div class="search-key">
                    <a href="">红玫瑰</a>
                    <span>|</span>
                    <a href="">蛋糕</a>
                    <span>|</span>
                    <a href="">百合</a>
                    <span>|</span>
                    <a href="">康乃馨</a>
                    <span>|</span>
                </div>
            </div>
            <div class="barRight">
                <i class="iconfont icon-dianhua_2"></i>
                <span>400-060-1520</span>
            </div>
        </div>
        <div class="header-footer w cl df">
            <div class="header-footerL">
                <div class="headerL df ">
                    <p>全部商品分类</p>
                    <i class="iconfont icon-xiangxia"> </i>
                </div>
                <div class="headerHide">
                    <div>
                        <p>用途</p>
                        <ul class="">
                            <a href="">爰情鲜花</a>
                            <a href="">生日鲜花</a>
                            <a href="">友情鲜花</a>
                            <a href="">探病问候</a>
                            <a href="">道歉鲜花</a>
                            <a href="">问候长辈</a>
                            <a href="">感谢老师</a>
                            <a href="">哀思鲜花</a>
                            <a href="">商务鲜花</a>
                        </ul>
                    </div>
                    <div>
                        <p>花材</p>
                        <ul class="">
                            <a href="">玫瑰</a>
                            <a href="">百合</a>
                            <a href="">康乃馨</a>
                            <a href="">向日葵</a>
                            <br>
                            <a href="">满天星</a>
                            <a href="">郁金香</a>
                            <a href="">菊花</a>
                            <a href="">其他</a>
                        </ul>
                    </div>
                    <div>
                        <p>类别</p>
                        <ul class="">
                            <a href="">花束</a>
                            <a href="">礼盒</a>
                            <a href="">蛋糕</a>
                            <a href="">花篮</a>
                            <a href="">绿植</a>
                            <a href="">周花</a>
                            <a href="">手提花篮</a>
                            <a href="">桌花</a>
                            <a href="">其他</a>
                        </ul>
                    </div>
                    <div>
                        <p>枝数</p>
                        <ul class="laa">
                            <a href="">11枝</a>
                            <a href="">19枝</a>
                            <a href="">21枝</a>
                            <a href="">33枝</a>
                            <br>
                            <a href="">52枝</a>
                            <a href="">66枝</a>
                            <a href="">99枝</a>
                            <a href="">其他</a>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="navList cl ">
                <a href="">鲜花</a>
                <a href="">花束</a>
                <a href="">礼盒</a>
                <a href="">蛋糕</a>
                <a href="">花篮</a>
                <a href="">绿植</a>
                <a href="">周花</a>
            </div>
        </div>
    </div>
    <hr>
    </hr>
    <div class="wrap">
        <div class="swiper">
            <ul class="swiperBar">
                <li>
                    <img src="https://upyun.dinghuale.com/uploads/20210426/202104261423579213.jpg" alt="">
                </li>
                <li>
                    <img src="https://upyun.dinghuale.com/uploads/20201229/202012291153442076.jpg" alt="">
                </li>
                <li>
                    <img src="https://upyun.dinghuale.com/uploads/20210426/202104261423579213.jpg" alt="">
                </li>
            </ul>
        </div>
        <ul class="nav">
            <li class="active1"></li>
            <li></li>
        </ul>

    </div>
    <div class="wrap1 cl">
        <div class="wrapBar w df">
            <div>
                <div>
                    <img src="https://upyun.dinghuale.com/uploads/images/nav1.png" alt="">
                </div>
                <p class="p1">知名鲜花电商</p>
                <p class="p2">权威认证企业，深受用户喜爱</p>
            </div>
            <div>
                <div>
                    <img src="https://upyun.dinghuale.com/uploads/images/nav2.png" alt="">
                </div>
                <p class="p1">品牌保证 口碑真实</p>
                <p class="p2">累计好评50w+条</p>
            </div>
            <div>
                <div>
                    <img src="https://upyun.dinghuale.com/uploads/images/nav3.png" alt="">
                </div>
                <p class="p1">鲜花实拍秀展示</p>
                <p class="p2">敢展示派送前实拍的鲜花网</p>
            </div>
            <div>
                <div>
                    <img src="https://upyun.dinghuale.com/uploads/images/nav4.png" alt="">
                </div>
                <p class="p1">快至1小时送达</p>
                <p class="p2">全国连锁，实时制作</p>
            </div>
            <div>
                <div>
                    <img src="https://upyun.dinghuale.com/uploads/images/nav5.png" alt="">
                </div>
                <p class="p1">退赔承诺</p>
                <p class="p2">值得信赖的售后服务保障</p>
            </div>
        </div>
    </div>
    <div class="main cl">
        <div class="mainM w">
            <div class="mainTitle df">
                <img src="https://cs.dinghuale.com/uploads/20200624/202006241318265370.png" alt="">
                <a href="">查看更多></a>
            </div>
            <div class="mainBody df">
                <div>
                    <a href="">
                        <img src="https://cs.dinghuale.com/uploads/20200624/202006241117412831.jpg" alt="">
                    </a>
                </div>
                <div class="mainList df">
                    <a href="">
                        <li>
                            <img src="https://upyun.dinghuale.com/uploads/20200630/202006301617407670.jpg" alt="">
                            <p>浪漫满屋</p>
                            <div class="df">
                                <p>￥229</p>
                                <p>销量11229笔</p>
                            </div>
                        </li>
                        <li>
                            <img src="https://upyun.dinghuale.com/uploads/20210426/202104260950064701.jpg" alt="">
                            <p>此生不渝</p>
                            <div class="df">
                                <p>￥168</p>
                                <p>销量13256笔</p>
                            </div>
                        </li>
                        <li>
                            <img src="https://upyun.dinghuale.com/uploads/20210426/202104261052034321.jpg" alt="">
                            <p>粉色公主</p>
                            <div class="df">
                                <p>￥169</p>
                                <p>销量9875笔</p>
                            </div>
                        </li>
                        <li>
                            <img src="https://upyun.dinghuale.com/uploads/20201026/202010260915414084.jpg" alt="">
                            <p>永恒回忆</p>
                            <div class="df">
                                <p>￥298</p>
                                <p>销量11022笔</p>
                            </div>
                        </li>
                        <li>
                            <img src="https://upyun.dinghuale.com/uploads/20210426/202104261259483341.jpg" alt="">
                            <p>一生守候</p>
                            <div class="df">
                                <p>￥319</p>
                                <p>销量6599笔</p>
                            </div>
                        </li>
                        <li>
                            <img src="https://upyun.dinghuale.com/uploads/20210426/202104261306508528.jpg" alt="">
                            <p>如遇而至</p>
                            <div class="df">
                                <p>￥499</p>
                                <p>销量9598笔</p>
                            </div>
                        </li>
                        <li>
                            <img src="https://upyun.dinghuale.com/uploads/20210426/202104261339329479.jpg" alt="">
                            <p>你是唯一</p>
                            <div class="df">
                                <p>￥659</p>
                                <p>销量9821笔</p>
                            </div>
                        </li>
                        <li>
                            <img src="https://upyun.dinghuale.com/uploads/20200826/202008261128401632.jpg" alt="">
                            <p>幸福之约</p>
                            <div class="df">
                                <p>￥599</p>
                                <p>销量13459笔</p>
                            </div>
                        </li>
                    </a>
                </div>
            </div>
        </div>
        <div class="mainM w">
            <div class="mainTitle df">
                <img src="https://cs.dinghuale.com/uploads/20200624/202006241318424882.png" alt="">
                <a href="">查看更多></a>
            </div>
            <div class="mainBody df">
                <div>
                    <a href="">
                        <img src="https://cs.dinghuale.com/uploads/20200624/202006241319037651.jpg" alt="">
                    </a>
                </div>
                <div class="mainList df">
                    <a href="">
                        <li>
                            <img src="https://upyun.dinghuale.com/uploads/20201208/202012081501255872.jpg" alt="">
                            <p>温暖阳光</p>
                            <div class="df">
                                <p>￥269</p>
                                <p>销量7710笔</p>
                            </div>
                        </li>
                        <li>
                            <img src="https://upyun.dinghuale.com/uploads/20200630/202006301623486849.jpg" alt="">
                            <p>恋恋情深</p>
                            <div class="df">
                                <p>￥199</p>
                                <p>销量11522笔</p>
                            </div>
                        </li>
                        <li>
                            <img src="https://upyun.dinghuale.com/uploads/20200630/202006301514481588.jpg" alt="">
                            <p>不忘初心</p>
                            <div class="df">
                                <p>￥189</p>
                                <p>销量10548笔</p>
                            </div>
                        </li>
                        <li>
                            <img src="https://upyun.dinghuale.com/uploads/20210426/202104261310519646.jpg" alt="">
                            <p>满天繁星</p>
                            <div class="df">
                                <p>￥299</p>
                                <p>销量6598笔</p>
                            </div>
                        </li>
                        <li>
                            <img src="https://upyun.dinghuale.com/uploads/20210426/202104261056513801.jpg" alt="">
                            <p>美丽心情</p>
                            <div class="df">
                                <p>￥239</p>
                                <p>销量7548笔</p>
                            </div>
                        </li>
                        <li>
                            <img src="https://upyun.dinghuale.com/uploads/20210426/202104261138142574.jpg" alt="">
                            <p>你的笑靥</p>
                            <div class="df">
                                <p>￥269</p>
                                <p>销量7895笔</p>
                            </div>
                        </li>
                        <li>
                            <img src="https://upyun.dinghuale.com/uploads/20200713/202007131442249878.jpg" alt="">
                            <p>相依相伴</p>
                            <div class="df">
                                <p>￥279</p>
                                <p>销量6985笔</p>
                            </div>
                        </li>
                        <li>
                            <img src="https://upyun.dinghuale.com/uploads/20200708/202007081525027185.jpg" alt="">
                            <p>一生有你</p>
                            <div class="df">
                                <p>￥389</p>
                                <p>销量8454笔</p>
                            </div>
                        </li>
                    </a>
                </div>
            </div>

        </div>
        <div class="mainM w">
            <div class="mainTitle df">
                <img src="https://cs.dinghuale.com/uploads/20200624/202006241319241592.png" alt="">
                <a href="">查看更多></a>
            </div>
            <div class="mainBody df">
                <div>
                    <a href="">
                        <img src="https://upyun.dinghuale.com/uploads/20201019/202010191328128403.jpg" alt="">
                    </a>
                </div>
                <div class="mainList df">
                    <a href="">
                        <li>
                            <img src="https://upyun.dinghuale.com/uploads/20200826/202008261130205022.jpg" alt="">
                            <p>幸福守候</p>
                            <div class="df">
                                <p>￥239</p>
                                <p>销量15632笔</p>
                            </div>
                        </li>
                        <li>
                            <img src="https://upyun.dinghuale.com/uploads/20200630/202006301719514798.jpg" alt="">
                            <p>绵绵情谊</p>
                            <div class="df">
                                <p>￥239</p>
                                <p>销量11879笔</p>
                            </div>
                        </li>
                        <li>
                            <img src="https://upyun.dinghuale.com/uploads/20200707/202007071003531298.jpg" alt="">
                            <p>挚爱一生</p>
                            <div class="df">
                                <p>￥189</p>
                                <p>销量9856笔</p>
                            </div>
                        </li>
                        <li>
                            <img src="https://upyun.dinghuale.com/uploads/20200630/202006301732128936.jpg" alt="">
                            <p>亲密无间</p>
                            <div class="df">
                                <p>￥239</p>
                                <p>销量12248笔</p>
                            </div>
                        </li>
                        <li>
                            <img src="https://upyun.dinghuale.com/uploads/20200630/202006301737379714.jpg" alt="">
                            <p>全心全意</p>
                            <div class="df">
                                <p>￥189</p>
                                <p>销量12354笔</p>
                            </div>
                        </li>
                        <li>
                            <img src="https://upyun.dinghuale.com/uploads/20200818/202008181659388005.jpg" alt="">
                            <p>一生所爱</p>
                            <div class="df">
                                <p>￥339</p>
                                <p>销量11366笔</p>
                            </div>
                        </li>
                        <li>
                            <img src="https://upyun.dinghuale.com/uploads/20200713/202007131620544163.jpg" alt="">
                            <p>爱情时光</p>
                            <div class="df">
                                <p>￥359</p>
                                <p>销量8957笔</p>
                            </div>
                        </li>
                        <li>
                            <img src="https://upyun.dinghuale.com/uploads/20210426/202104261257415133.jpg" alt="">
                            <p>缘分天空</p>
                            <div class="df">
                                <p>￥339</p>
                                <p>销量13960笔</p>
                            </div>
                        </li>
                    </a>

                </div>
            </div>

        </div>
        <div class="mainM w">
            <div class="mainTitle df">
                <img src="https://upyun.dinghuale.com/uploads/20201209/202012090917082981.png" alt="">
                <a href="">查看更多></a>
            </div>
            <div class="mainBody df">
                <div>
                    <a href="">
                        <img src="https://upyun.dinghuale.com/uploads/20201208/202012081814134682.jpg" alt="">
                    </a>
                </div>
                <div class="mainList df">
                    <a href="">
                        <li>
                            <img src="https://upyun.dinghuale.com/uploads/20201208/202012081617315176.jpg" alt="">
                            <p>丝丝甜蜜（8寸）</p>
                            <div class="df">
                                <p>￥199</p>
                                <p>销量3399笔</p>
                            </div>
                        </li>
                        <li>
                            <img src="https://upyun.dinghuale.com/uploads/20201208/202012081602487979.jpg" alt="">
                            <p>爱的火烈鸟【网红款】</p>
                            <div class="df">
                                <p>￥239</p>
                                <p>销量5011笔</p>
                            </div>
                        </li>
                        <li>
                            <img src="https://upyun.dinghuale.com/uploads/20201225/202012251534096608.jpg" alt="">
                            <p>独一无二【网红款】</p>
                            <div class="df">
                                <p>￥239</p>
                                <p>销量2341笔</p>
                            </div>
                        </li>
                        <li>
                            <img src="https://upyun.dinghuale.com/uploads/20210427/202104271631476988.jpg" alt="">
                            <p>温暖阳光+幸福环绕</p>
                            <div class="df">
                                <p>￥458</p>
                                <p>销量1072笔</p>
                            </div>
                        </li>
                        <li>
                            <img src="https://upyun.dinghuale.com/uploads/20201214/202012141056521853.jpg" alt="">
                            <p>意气风发【网红款】</p>
                            <div class="df">
                                <p>￥229</p>
                                <p>销量3825笔</p>
                            </div>
                        </li>
                        <li>
                            <img src="https://upyun.dinghuale.com/uploads/20201210/202012101521083969.jpg" alt="">
                            <p>天使之翼【网红款】</p>
                            <div class="df">
                                <p>￥419</p>
                                <p>销量1023笔</p>
                            </div>
                        </li>
                        <li>
                            <img src="https://upyun.dinghuale.com/uploads/20201210/202012101525295326.jpg" alt="">
                            <p>甜蜜告白【网红款】</p>
                            <div class="df">
                                <p>￥259</p>
                                <p>销量2986笔</p>
                            </div>
                        </li>
                        <li>
                            <img src="https://upyun.dinghuale.com/uploads/20201208/202012081704432499.jpg" alt="">
                            <p>勇敢宝贝</p>
                            <div class="df">
                                <p>￥379</p>
                                <p>销量1247笔</p>
                            </div>
                        </li>
                    </a>
                </div>
            </div>
        </div>
        <div class="mainM w">
            <div class="mainTitle df">
                <img src="https://cs.dinghuale.com/uploads/20200624/202006241319423049.png" alt="">
                <a href="">查看更多></a>
            </div>
            <div class="mainBody df">
                <div>
                    <a href="">
                        <img src="https://cs.dinghuale.com/uploads/20200624/202006241326302151.jpg" alt="">
                    </a>
                </div>
                <div class="mainList df">
                    <a href="">
                        <li>
                            <img src="https://upyun.dinghuale.com/uploads/20200629/202006291536431010.jpg" alt="">
                            <p>大吉大利（一对）</p>
                            <div class="df">
                                <p>￥258</p>
                                <p>销量10245笔</p>
                            </div>
                        </li>
                        <li>
                            <img src="https://upyun.dinghuale.com/uploads/20200629/202006291732318324.jpg" alt="">
                            <p>喜气迎门（一对）</p>
                            <div class="df">
                                <p>￥328</p>
                                <p>销量8936笔</p>
                            </div>
                        </li>
                        <li>
                            <img src="https://upyun.dinghuale.com/uploads/20200629/202006291712209904.jpg" alt="">
                            <p>生意兴隆（一对）</p>
                            <div class="df">
                                <p>￥399</p>
                                <p>销量11265笔</p>
                            </div>
                        </li>
                        <li>
                            <img src="https://upyun.dinghuale.com/uploads/20200629/202006291551446068.jpg" alt="">
                            <p>好运连连（一对）</p>
                            <div class="df">
                                <p>￥398</p>
                                <p>销量10711笔</p>
                            </div>
                        </li>
                        <li>
                            <img src="https://upyun.dinghuale.com/uploads/20200629/202006291728114941.jpg" alt="">
                            <p>喜气洋洋（一对）</p>
                            <div class="df">
                                <p>￥379</p>
                                <p>销量7698笔</p>
                            </div>
                        </li>
                        <li>
                            <img src="https://upyun.dinghuale.com/uploads/20200629/202006291709582518.jpg" alt="">
                            <p>张灯结彩（一对）</p>
                            <div class="df">
                                <p>￥498</p>
                                <p>销量8736笔</p>
                            </div>
                        </li>
                        <li>
                            <img src="https://upyun.dinghuale.com/uploads/20200628/202006281521087286.jpg" alt="">
                            <p>开业大卖</p>
                            <div class="df">
                                <p>￥359</p>
                                <p>销量6358笔</p>
                            </div>
                        </li>
                        <li>
                            <img src="https://upyun.dinghuale.com/uploads/20200629/202006291723422114.jpg" alt="">
                            <p>万事如意（一对）</p>
                            <div class="df">
                                <p>￥569</p>
                                <p>销量5512笔</p>
                            </div>
                        </li>
                    </a>
                </div>
            </div>
        </div>
        <div class="mainM w">
            <div class="mainTitle df">
                <img src="https://cs.dinghuale.com/uploads/20200624/202006241319599360.png" alt="">
                <a href="">查看更多></a>
            </div>
            <div class="mainBody df">
                <div>
                    <a href="">
                        <img src="https://cs.dinghuale.com/uploads/20200624/202006240927558865.jpg" alt="">
                    </a>
                </div>
                <div class="mainList df">
                    <a href="">
                        <li>
                            <img src="https://upyun.dinghuale.com/uploads/20200623/202006231630429791.jpg" alt="">
                            <p>辫子发财树盆栽</p>
                            <div class="df">
                                <p>￥539</p>
                                <p>销量2549笔</p>
                            </div>
                        </li>
                        <li>
                            <img src="https://upyun.dinghuale.com/uploads/20200623/202006231727316935.jpg" alt="">
                            <p>单柱发财树盆栽1</p>
                            <div class="df">
                                <p>￥489</p>
                                <p>销量4563笔</p>
                            </div>
                        </li>
                        <li>
                            <img src="https://upyun.dinghuale.com/uploads/20200623/202006231216548078.jpg" alt="">
                            <p>绿宝盆栽</p>
                            <div class="df">
                                <p>￥396</p>
                                <p>销量845笔</p>
                            </div>
                        </li>
                        <li>
                            <img src="https://upyun.dinghuale.com/uploads/20200623/202006231241078043.jpg" alt="">
                            <p>天堂鸟盆栽</p>
                            <div class="df">
                                <p>￥659</p>
                                <p>销量1395笔</p>
                            </div>
                        </li>
                        <li>
                            <img src="https://upyun.dinghuale.com/uploads/20200623/202006231759215799.jpg" alt="">
                            <p>落地大富贵竹</p>
                            <div class="df">
                                <p>￥438</p>
                                <p>销量2845笔</p>
                            </div>
                        </li>
                        <li>
                            <img src="https://upyun.dinghuale.com/uploads/20200623/202006231723354886.jpg" alt="">
                            <p>三株鸿运当头盆栽</p>
                            <div class="df">
                                <p>￥569</p>
                                <p>销量2569笔</p>
                            </div>
                        </li>
                        <li>
                            <img src="https://upyun.dinghuale.com/uploads/20200623/202006231652049943.jpg" alt="">
                            <p>虎皮兰盆栽</p>
                            <div class="df">
                                <p>￥389</p>
                                <p>销量3236笔</p>
                            </div>
                        </li>
                        <li>
                            <img src="https://upyun.dinghuale.com/uploads/20200624/202006240941393839.jpg" alt="">
                            <p>心叶藤盆栽</p>
                            <div class="df">
                                <p>￥429</p>
                                <p>销量1256笔</p>
                            </div>
                        </li>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div class="footer cl">

    </div>
</body>
<script src="./js/common_h&f.js"></script>
<script>
    //引入尾部
    $(".footer").load("./html/common_footer.html");

    $(".search-key a").attr("href", "./html/goodsList.html");
    $(".headerHide a").attr("href", "./html/goodsList.html");
    $(".navList a").attr("href", "./html/goodsList.html");

    //标识用户身份
    var tips = document.getElementsByClassName("tips")[0];
    var user = getCookie("lgc");
    if (user) {
        tips.innerHTML = `欢迎您,${user} <a onsubmit="return false" onclick="exit()">退出</a>`;
    }
    function exit() {
        delCookie("lgc");
        location.reload();
    }



    $(".main a").attr("href", "./html/goodsList.html");

    $(function () {


        // 轮播图start
        var clientWidth = $(".swiper").width();

        var index = 0; // 全局 记录轮播的下标
        var timer = null;

        // 点击轮播
        $(".nav li").click(function () {
            index = $(this).index();
            move();
        })

        $(".wrap").hover(function () {
            clearInterval(timer);
        }, function () {
            autoPlay();
        })

        function autoPlay() {
            clearInterval(timer);
            timer = setInterval(function () {
                index++;
                move();
            }, 3000)
        }
        function move() {

            // 左键连点问题   小于下标最小值? 
            // 左键连点是回调函数不会执行,index可能出现负值  

            // 怎么解决? => 从第一张滚动到第四张 (看到的)
            // 第一张 切到 第五张  滚动到 第四张

            if (index < 0) {
                index = $(".swiperBar li").length - 1;
                $(".swiperBar").stop().css({ left: -clientWidth * index });
                index--;
            }


            // 右键连点问题 超出下标最大值? 
            // 右键连点是回调函数不会执行,没有办法从第五张切到第一张,后续会出现空白 index超出最大值(4)

            // 怎么解决?
            // 连点时第五张看起来就是第一张,超出第五张应该显示第二张 (超出第五张 切换到第一张 滚动到第二张)

            if (index > $(".swiperBar li").length - 1) {  // index>4
                index = 0;
                $(".swiperBar").stop().css({ left: 0 })
                index++;
            }

            // 如果是第五张  默认把第一个点变为活跃状态
            var activeIndex = index >= $(".nav li").length ? 0 : index
            $(".nav li").eq(activeIndex).addClass("active1").siblings().removeClass("active1");
            $(".swiperBar").stop().animate({ left: -clientWidth * index }, 300, function () {
                // 每次运动完毕 判断是否是第五张 => 切第一张
                if (index >= $(".swiperBar li").length - 1) {
                    index = 0;
                    $(".swiperBar").css({ left: 0 })
                }
            });
        }
        // 轮播图end



    })


</script>


</html>